<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>首页</title>
    <!-- <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css.map"> -->
    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">

    <style>
        .min {
            width: 80%;
            padding-left: 10%;
        }
        
        .box {
            width: 500px;
            height: 300px;
            border: 1px solid black;
            margin: 0 auto;
            position: absolute;
        }
        
        .box_zz {
            width: 150px;
            height: 100px;
            /*float: left;*/
            display: inline-block;
            background: pink;
            border: 10px solid red;
            /*增加了边框*/
        }
        
        .box_zz1 {
            width: 100px;
            height: 100px;
            background: blue;
            display: inline-block;
            position: absolute;
            left: 0;
            opacity: 0.8
            /*float: left;*/
        }
    </style>
</head>

<body style="position: relative;">
    <div style="text-align: center">
        <h1>省市管理</h1>
    </div>
    <div class="row" style="margin-top: 100px;text-align: center">
        <div class="col-xs-6 col-sm-4" style="text-align: right">
            <h1>省</h1>
            增加省： <input type="text" id="provinces" /> <button type="button" onclick="add_province()">增加</button>
            <div id="province">
                {section name=num loop=$provinces}
                <h4 onclick="showCity('{$provinces[num][0]}')">{$provinces[num][1]} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span>
                        <button type="button" onclick="add_city('{$provinces[num][0]}')">+</button>
                        <button type="button" onclick="del_province('{$provinces[num][0]}')">-</button>
                        <button type="button" onclick="edit_province('{$provinces[num][0]}','{$provinces[num][1]}')">E</button>
                    </span>
                </h4>
                {/section}
            </div>
        </div>
        <div class="col-xs-6 col-sm-4">
            <h1>市</h1>
            <div id="city">
                <h4>请选择城市</h4>
            </div>
        </div>
        <div class="col-xs-6 col-sm-4" style="text-align: left">
            <h1>区(县)</h1>
            <div id="area">
                <h4>请选择市区</h4>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="/static/jquery/jquery.js"></script>
    <script src="/static/layer-v3.1.1/layer/layer.js"></script>
    <script src="/static/management/index.js"></script>

</body>

</html>